<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>Hello MUI</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">

		<link rel="stylesheet" href="../../css/mui.min.css">
		<link rel="stylesheet" href="../../css/app.css">
		<style>
			h4.mui-ellipsis {
				line-height: 20px;
			}
			.readed {
				font-weight: normal;
			}
			.due {
				font-weight: normal;
				color: #8f8f94;

			}
			.mui-input-row {
				margin: 5px 5px 0;
			}
			.mui-input-row input, .mui-input-row textarea{
				margin-bottom: 0;
			}
			
			.mui-input-row select{
				-webkit-appearance: menulist-button;
				border: 1px solid rgba(0,0,0,.2)!important;
				border-radius: 3px;
				margin-bottom: 0;
				padding-left: 15px;
			}
		</style>
	</head>

	<body>
		<header class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">代缴费</h1>
		</header>

		<div class="mui-content">
			<ul class="mui-table-view">
				<li class="mui-table-view-cell">
					<a class="mui-navigate-right" new-window="proxyFeesDetail.html" new-window-data-index="0">
						代缴水费
					</a>
				</li>
				<li class="mui-table-view-cell">
					<a class="mui-navigate-right" new-window="proxyFeesDetail.html" new-window-data-index="1">
						代缴电费
					</a>
				</li>				
				<li class="mui-table-view-cell">
					<a class="mui-navigate-right" new-window="proxyFeesDetail.html" new-window-data-index="2">
						代缴天燃气费
					</a>
				</li>
			</ul>
			<div style="padding: 15px; background-color: white;">
				<p>代缴水电气是我们为您提供的免费服务，使用步骤：</p>
				<p>
					1、将水卡、电卡、天燃气卡寄放至服务点。<br />
					2、需要冲值时，点击上面“代缴费”进行对应冲值。<br />
					3、我们对你的卡进行冲值。<br/>
					4、需入室刷卡需您至服务点取卡，回家刷卡。室外刷卡由我们为上门服务。
				</p>
				<p>全程消息推送，祝您使用愉快!</p>
			</div>
			
		</div>

	</body>
	<script src="../../js/mui.min.js"></script>
	<script src="../../js/template.js"></script>
	<script src="../../js/app.js"></script>
	<script src="../../js/_API.js"></script>
	<script>
		mui.init();
		pushNewWindowData([
			{type:'Water', name:"代缴水费", unit:"吨", price:"5.00", remark: "小区家庭平均月用水6吨"},
			{type:'Electricity', name:"代缴电费", unit:"度", price:"0.50", remark: "小区家庭平均月用电80度"},
			{type:'NaturalGas',  name:"代缴天然气", unit:"方", price:"1.98", remark: "小区家庭平均月用气20方"}
		]);
	</script>
</html>